<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <!--  bootstrap   -->
    {% load static %}
    <script src="{% static 'js/BASE/jquery-3.2.1.min.js' %}" type="text/javascript" charset="utf-8"></script>
    <script src="{% static 'js/BASE/jquery.cookie.js' %} " type="text/javascript" charset="utf-8"></script>
    <script src="{% static 'js/BASE/popper.min.js' %}" type="text/javascript" charset="utf-8"></script>
    <script src="{% static 'js/BASE/bootstrap.min.js'%}" type="text/javascript" charset="utf-8"></script>
    <script src="{% static 'js/BASE/top_nav.js'%}" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/BASE/bootstrap.min.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'css/BASE/zico.min.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'css/BASE/top_nav.css' %}">
    <link rel="shortcut icon" href="{% static 'img/BASE/favicon1.ico'%}" type="image/x-icon">
    {% block js %}
    {% endblock %}
    {% block css %}
    {% endblock %}
    <title>{% block title %}Title{% endblock %}</title>
</head>

<body>
{% block top_nav %}
{% include 'BASE/top_nav.html' %}
{% endblock %}
{% block main %}
HELLO WORLD !
{% endblock %}
</body>

</html>